<template>
	<view class="ttfwList">
		<view class="listItem" :class="[{'tthd':currType == 'tthd'}]">
			<view class="ttfwName">房贷首付给否定了可根据的</view>
			<!-- <text class="hdStateTxt noStart">(未开始)</text> -->
			<template v-if="currType == 'ttfw'">
				<view class="pubTime">发布日期：2024-03-20</view>
				<view class="pubTime spaceBet">
					<text>服务机构：濮阳心理咨询师协会</text>
					<view class="logo"></view>
				</view>
			</template>
			<template v-else>
				<view class="spaceBet">
					<view class="hdTag hasFlex">
						<view class="tgItem bm">可报名</view>
						<view class="tgItem gm">可报名</view>
						<!-- <view class="tgItem gm" v-if="itemInner.viewTag == 1">可观摩</view> -->
					</view>
					<view class="joinNum">123人已参与</view>
				</view>
				<view class="pubTime spaceBet">
					<text>2024-03-20 15:20 ~ 2024-05-20 20:30</text>
					<!-- <view class="cancel">取消收藏</view> -->
				</view>
			</template>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			currType:{
				type:String,
				default:'ttfw'//ttfw tthd tthdFavor 
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/static/scss/qyTtfwHd.scss";
	.hdStateTxt{
		font-weight: normal;
		font-size: 24rpx;
		margin-left: 5rpx;
		&.noStart,
		&.overDate{
			color: $qy-mainb;
		}
		&.ing{
			color: $pss-qy-main;
		}
	}
</style>